<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>transformations</title>
    <link rel="stylesheet" type="text/css" href="example3.css">
    <!--[if lt IE 9]><script type="text/javascript" src="excanvas/excanvas.js"></script><![endif]-->
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"></canvas>

    <form>
      <ul>
        <li>
          <input id="rotate_checkbox" type="checkbox" value="1" checked="checked">
          <label for="rotate_checkbox">Rotate</label>
        </li>
        <li>
          <input id="scale_checkbox" type="checkbox" value="1">
          <label for="scale_checkbox">Scale</label>
        </li>
        <li>
          <input id="translate_checkbox" type="checkbox" value="1">
          <label for="translate_checkbox">Translate</label>
        </li>
      </ul>
    </form>

    <div id="out"></div>

    <script type="text/javascript" src="../build/path.js"></script>
    <script type="text/javascript" src="contentloaded/contentloaded.js"></script>
    <script type="text/javascript" src="example3.js"></script>
  </body>
</html>
